
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css *
/*,body {
	margin:0
}
*,legend,td,th,ul {
	padding:0
}
a:active,a:hover,img {
	outline:0
}
.arrow-slideup,.frame-inner,.v-hide {
	visibility:hidden
}
body {
	background-image:-webkit-gradient(linear,0 0,100% 0,from(#555),to(#333));
	background-image:-webkit-linear-gradient(left,#555,#333);
	background-image:-o-linear-gradient(left,#555,#333);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=1);
	background:0 0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block
}
audio,canvas,progress,video {
	display:inline-block;
	vertical-align:baseline
}
audio:not([controls]) {
	display:none;
	height:0
}
[hidden],template {
	display:none
}
.dib_vt,.inline {
	display:inline-block
}
a {
	background-color:transparent
}
abbr[title] {
	border-bottom:1px dotted
}
b,optgroup,strong {
	font-weight:700
}
dfn {
	font-style:italic
}
h1 {
	font-size:2em;
	margin:.67em 0
}
mark {
	background:#ff0;
	color:#000
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
svg:not(:root) {
	overflow:hidden
}
figure {
	margin:1em 40px
}
hr {
	box-sizing:content-box;
	height:0
}
pre,textarea {
	overflow:auto
}
code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em
}
button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0
}
button {
	overflow:visible
}
button,select {
	text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],html input[disabled] {
	cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
input {
	line-height:normal
}
input[type=checkbox],input[type=radio] {
	box-sizing:border-box;
	padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height:auto
}
input[type=search] {
	-webkit-appearance:textfield;
	box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}
legend {
	border:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.dib_vt {
	width:0;
	height:100%;
	vertical-align:top
}
.vb {
	vertical-align:bottom
}
.bold {
	font-weight:700
}
.black {
	color:#000
}
.white {
	color:#fff
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.t-center {
	text-align:center
}
.t-left {
	text-align:left
}
#loadedPct,#waitLoad,#waitLoad .text,.arrow-slideup,.page-dots,.text-center {
	text-align:center
}
.ml5 {
	margin-left:5px
}
.ml10 {
	margin-left:10px
}
.mt10 {
	margin-top:10px
}
.mt40 {
	margin-top:40px
}
.mb20 {
	margin-bottom:20px
}
.mt25 {
	margin-top:25px
}
.mt30 {
	margin-top:30px
}
.mt5 {
	margin-top:5px
}
.italic {
	font-style:italic
}
.f14,.f18 {
	font-size:18px
}
.mt15 {
	margin-top:15px
}
.mr10 {
	margin-right:10px
}
.ml35 {
	margin-left:35px
}
.mr5 {
	margin-right:5px
}
.f40 {
	font-size:40px
}
.f36 {
	font-size:36px
}
.f20 {
	font-size:20px
}
.f30 {
	font-size:30px
}
.f24 {
	font-size:24px
}
.f12 {
	font-size:12px
}
.f16 {
	font-size:16px
}
li {
	margin:0;
	list-style:none
}
html {
	font-size:24px;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	font-family:"Droid Sans","Helvetica Neue","Droid Sans Fallback",Roboto,"Heiti SC",Tahoma,Verdana,"microsoft yahei","微软雅黑",simhei,Arial,sans-self
}
.hidden {
	display:none!important
}
img {
	border:none
}
.volume.scr {
	position:absolute;
	width:44px;
	height:44px;
	right:1rem;
	top:1rem;
	left:auto;
	z-index:66
}
.frame-box {
	overflow:hidden;
	position:relative;
	margin:0 auto
}
.frame-inner,.main {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0
}
@-webkit-keyframes arrowUp {
	0% {
	opacity:1;
	-webkit-transform:translate3d(0,40px,0)
}
60% {
	opacity:1;
	-webkit-transform:translate3d(0,-10px,0)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(0,-15px,0)
}
}@keyframes arrowUp {
	0% {
	opacity:1;
	transform:translate3d(0,40px,0)
}
60% {
	opacity:1;
	transform:translate3d(0,-10px,0)
}
100% {
	opacity:0;
	transform:translate3d(0,-15px,0)
}
}@-webkit-keyframes reverseRotataZ {
	0% {
	-webkit-transform:rotateZ(0);
	transform:rotateZ(0)
}
100% {
	-webkit-transform:rotateZ(-360deg);
	transform:rotateZ(-360deg)
}
}@keyframes reverseRotataZ {
	0% {
	transform:rotateZ(0)
}
100% {
	transform:rotateZ(-360deg)
}
}.main {
	z-index:1;
	bottom:0;
	right:0
}
.page.down {
	-webkit-transform:translate3d(0,-100%,0);
	-moz-transform:translate3d(0,-100%,0);
	-ms-transform:translate3d(0,-100%,0);
	-o-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0)
}
.page.up {
	-webkit-transform:translate3d(0,100%,0);
	-moz-transform:translate3d(0,100%,0);
	-ms-transform:translate3d(0,100%,0);
	-o-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
.page {
	font-size:10px
}
.page_loading {
	perspective:400px;
	-webkit-perspective:400px;
	z-index:9999
}
.wait-bd {
	margin:30px auto;
	width:308px;
	height:309.4px;
	-webkit-animation:rotateAhead 5s linear infinite;
	animation:rotateAhead 5s linear infinite;
	background-size:308px 309.4px
}
#loadedPct,.tips {
	color:#d31002;
	line-height:60px;
	font-size:36px;
	display:inline-block
}
#loadedPct {
	font-family:Helvetica,sans-serif;
	position:relative;
	text-shadow:0 0 10px rgba(0,0,0,.2);
	z-index:999
}
.page-dots {
	z-index:2;
	bottom:20%
}
.page-dots a {
	display:inline-block;
	width:30px;
	height:30px;
	margin:0 20px;
	border-radius:100%;
	background:rgba(255,255,255,.5)
}
.page-dots a.current {
	background:rgba(211,16,2,.9)
}
.v-table {
	display:table;
	table-layout:fixed;
	width:100%;
	height:100%
}
.v-table-cell {
	display:table-cell;
	vertical-align:middle
}
.center {
	margin:0 auto;
	display:block
}
.pull-left {
	float:left
}
.pull-right {
	float:right
}
.arrow-slideup {
	-webkit-transition:0s 2s;
	-moz-transition:0s 2s;
	-o-transition:0s 2s;
	transition:0s 2s;
	opacity:0;
	position:absolute;
	bottom:20px;
	margin-left:-60px;
	left:50%;
	width:120px;
	height:29px;
	z-index:999;
	font-size:.8rem;
	color:#fff
}
.current .arrow-slideup {
	visibility:visible;
	animation:arrowUp 2s 2s linear infinite none;
	-webkit-animation:arrowUp 2s 2s linear infinite none
}
.arrow-slideup i {
	display:block;
	margin:0 auto;
	width:35px;
	height:14.5px;
	background:url(../img/ico-slide.png) no-repeat
}
.full-p,.png-frame,.steps [class^=step] {
	width:100%
}
.full-p,.modal-dialog,.png-frame {
	height:100%
}
.b-cover,.b-full {
	background-repeat:no-repeat!important
}
.modal.up .modal-dialog {
	-webkit-transform:translate3d(0,-100%,0);
	-moz-transform:translate3d(0,-100%,0);
	-ms-transform:translate3d(0,-100%,0);
	-o-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0)
}
.modal-mask {
	overflow:hidden;
	padding:20px 23px
}
.modal.right .modal-dialog {
	-webkit-transform:translate3d(-100%,0,0) rotate(-45deg);
	-moz-transform:translate3d(-100%,0,0) rotate(-45deg);
	-ms-transform:translate3d(-100%,0,0) rotate(-45deg);
	-o-transform:translate3d(-100%,0,0) rotate(-45deg);
	transform:translate3d(-100%,0,0) rotate(-45deg)
}
.modal.fade .modal-dialog,.modal.left .modal-dialog {
	-webkit-transform:translate3d(100%,0,0) rotate(45deg);
	-moz-transform:translate3d(100%,0,0) rotate(45deg);
	-ms-transform:translate3d(100%,0,0) rotate(45deg);
	-o-transform:translate3d(100%,0,0) rotate(45deg);
	transform:translate3d(100%,0,0) rotate(45deg)
}
.modal.current .modal-dialog {
	-webkit-transform:translate3d(0,0,0) rotate(0);
	-moz-transform:translate3d(0,0,0) rotate(0);
	-ms-transform:translate3d(0,0,0) rotate(0);
	-o-transform:translate3d(0,0,0) rotate(0);
	transform:translate3d(0,0,0) rotate(0)
}
.modal.active .modal-dialog {
	-webkit-transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	transition:all .5s ease-out
}
.text-hidden {
	color:transparent;
	line-height:0;
	font-size:0
}
.text-indent {
	text-indent:1em
}
.centerXY {
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	left:50%;
	top:50%;
	position:absolute
}
#waitLoad,.full-p,.steps [class^=step] {
	top:0;
	position:absolute
}
.png-frame {
	position:absolute;
	display:none
}
.png-frame.show {
	display:block
}
.full-p {
	left:0
}
.rotate90 {
	display:inline-block;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg)
}
.b-full {
	background-size:100%!important
}
.b-cover {
	background-position:center;
	background-size:cover!important
}
.fade {
	opacity:0;
	visibility:hidden;
	-webkit-transition:all .6s;
	-moz-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s;
	z-index:0
}
.fade.in {
	visibility:visible;
	opacity:1;
	z-index:10
}
#waitLoad {
	opacity:0;
	left:0;
	right:0;
	bottom:0;
	z-index:0;
	transition:opacity .6s;
	background:rgba(255,255,255,.5)
}
#waitLoad .queue-loading span {
	padding:0;
	border:5px solid #c79f67;
	border-radius:100%;
	display:inline-block
}
#waitLoad .queue-loading {
	position:absolute;
	width:30px;
	height:16px;
	top:50%;
	left:50%;
	-webkit-transform:translate3d(-50%,-50%,0);
	-moz-transform:translate3d(-50%,-50%,0);
	-ms-transform:translate3d(-50%,-50%,0);
	-o-transform:translate3d(-50%,-50%,0);
	transform:translate3d(-50%,-50%,0)
}
#waitLoad .text {
	position:absolute;
	top:50%;
	width:100%;
	margin-top:20px;
	color:#fff;
	font-size:14px
}
#waitLoad.open {
	opacity:1;
	z-index:9999
}
#waitLoad.open .sp3 {
	-webkit-animation:sp3 1s linear 0s infinite;
	animation:sp3 1s linear 0s infinite
}
#waitLoad.open .sp2 {
	-webkit-animation:sp2 1s linear 0s infinite;
	animation:sp2 1s linear 0s infinite
}
#waitLoad.open .sp1 {
	-webkit-animation:sp1 1s linear 0s infinite;
	animation:sp1 1s linear 0s infinite
}
@-webkit-keyframes sp1 {
	0% {
	opacity:0;
	-webkit-transform:translate3d(-10px,0,0);
	-webkit-animation-timing-function:ease-in
}
100%,50% {
	opacity:1;
	-webkit-transform:translate3d(6px,0,0)
}
}@keyframes sp1 {
	0% {
	opacity:0;
	transform:translate3d(-10px,0,0);
	animation-timing-function:ease-in
}
100%,50% {
	opacity:1;
	transform:translate3d(6px,0,0)
}
}@-webkit-keyframes sp2 {
	0% {
	-webkit-transform:translate3d(0,0,0)
}
100%,50% {
	-webkit-transform:translate3d(6px,0,0)
}
}@keyframes sp2 {
	0% {
	transform:translate3d(0,0,0)
}
100%,50% {
	transform:translate3d(6px,0,0)
}
}@-webkit-keyframes sp3 {
	0% {
	-webkit-transform:translate3d(0,0,0)
}
50% {
	opacity:1;
	-webkit-transform:translate3d(6px,0,0);
	-webkit-animation-timing-function:ease-in
}
100% {
	opacity:0;
	-webkit-transform:translate3d(16px,0,0)
}
}@keyframes sp3 {
	0% {
	transform:translate3d(0,0,0)
}
50% {
	opacity:1;
	transform:translate3d(6px,0,0);
	animation-timing-function:ease-in
}
100% {
	opacity:0;
	transform:translate3d(16px,0,0)
}
}.page-form {
	background:url(../img/page_bg.png)
}
.page-form .form-title {
	background:url(../img/form_title.png);
	width:244.5px;
	height:48px;
	margin:15px auto
}
.page-form .form-bottom {
	background:url(../img/form_bottom.png);
	width:244.5px;
	height:60.5px;
	margin:15px auto
}
.page-form .btn-confirm,.page-form .submit {
	color:transparent;
	line-height:0;
	font-size:0;
	border:none;
	margin:0 auto;
	display:block;
	background:url(../img/btn_submit.png);
	width:94px;
	height:34.5px
}
.page-form form {
	width:244px;
	margin:0 auto;
	font-size:14px
}
.page-form form label {
	display:block;
	border-radius:5px;
	background:#e57158;
	position:relative;
	height:30px;
	margin-bottom:12px
}
.page-form form label span {
	float:left;
	color:#ffffe0;
	line-height:30px;
	padding:0 5px
}
.page-form form label .input-wrap {
	display:table-cell;
	width:3000px
}
.page-form form label input {
	background:0 0;
	border:none;
	position:relative;
	width:100%;
	line-height:30px;
	height:30px;
	color:#fff
}
.page-form form label input:-moz-placeholder {
	color:#fff
}
.page-form form label input::-moz-placeholder {
	color:#fff
}
.page-form form label input:-ms-input-placeholder {
	color:#fff
}
.page-form form label input::-webkit-input-placeholder {
	color:#fff
}
.pages-pop {
	background:rgba(88,69,69,.6);
	padding-top:48px;
	display:none;
	color:#ca4033;
	font-size:20px
}
.pages-pop .pop {
	font-size:14px;
	-webkit-transform:translate3d(0,-100%,0);
	-moz-transform:translate3d(0,-100%,0);
	-ms-transform:translate3d(0,-100%,0);
	-o-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	-webkit-transition:all 0 cubic-bezier(.42,0,.58,1);
	-moz-transition:all 0 cubic-bezier(.42,0,.58,1);
	-o-transition:all 0 cubic-bezier(.42,0,.58,1);
	transition:all 0 cubic-bezier(.42,0,.58,1)
}
.pages-pop .pop .fill-text {
	background:url(../img/fill_text.png);
	width:144.5px;
	height:20.5px;
	margin:10px auto
}
.pages-pop .pop .fill-tip {
	background:url(../img/fill_tip.png);
	width:246px;
	height:113.5px;
	margin:0 auto;
	position:relative;
	left:10px
}
.pages-pop .pop .btn-confirm {
	margin:18px auto;
	background:url(../img/btn-confirm.png)
}
.pages-pop .ico-close {
	background:url(../img/ico-close.png);
	position:absolute;
	z-index:999;
	width:36px;
	height:36px;
	right:30px;
	top:8px
}
.pages-pop.current {
	z-index:999
}
.pages-pop.current .pop {
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.pages-pop .share-arrow {
	background:url(../img/share_arrow.png);
	width:73.5px;
	height:67px;
	top:-32px;
	position:absolute;
	right:5px
}
.pages-pop .pop {
	width:100%;
	height:294px;
	position:absolute
}
.pages-pop .pop-body {
	text-align:center;
	width:284px;
	position:relative;
	height:100%;
	background:url(../img/pop_bg.png) center 0 no-repeat;
	background-size:284px 294px;
	margin:0 auto;
	padding-top:50px
}
.btn-confirm,.fill-text,.fill-tip,.form-bottom,.form-title,.ico-close,.share-arrow,.submit {
	background-repeat:no-repeat!important;
	background-size:100%!important
}
@media only screen and (orientation:landscape) {
	body {
	overflow:hidden
}
body.landscape:before {
	content:"";
	z-index:99998;
	background:rgba(0,0,0,.55);
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:absolute
}
body.landscape:after {
	content:"为了获得更好体验请您使用竖屏模式浏览";
	z-index:99999;
	text-align:center;
	color:#fff;
	font-size:1.2rem;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	left:50%;
	top:50%;
	position:absolute
}
}